<template>
	<view style="padding: 20px;background-color: #fff;">
		<u-swiper
			indicator radius="10" circular indicatorMode="dot"
			:list="list1"
			@change="change"
			@click="click"
		></u-swiper>
		<view class="toClassification">
			<view class="item;" style="margin-right: 15px;">
				<image src="@/static/logo.png"></image>
				<text style="margin-top: 5px;">门店自取</text>
				<text style="font-size: 10px;">下单免排队</text>
			</view>
			<view class="item;">
				<image src="@/static/logo.png"></image>
				<text style="margin-top: 5px;">送货上门</text>
				<text style="font-size: 10px;">立即下单</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list1: [
				'https://cdn.uviewui.com/uview/swiper/swiper1.png',
				'https://cdn.uviewui.com/uview/swiper/swiper2.png',
				'https://cdn.uviewui.com/uview/swiper/swiper3.png',
			],
			listData:[
				{
					"img": "@/static/logo.png",
					"title":"门店自取",
					"content":"下单免排队"
				},
				{
					"img": "../../static/logo.png",
					"title":"送货上门",
					"content":"立即下单"
				}
			]
		};
	},
	onLoad(){
		this.$http("/wx-user/test", "GET", null).then((res) => {
			console.log(res.data)
		})
	},
	methods:{
		change(){},
		click(){},
	}
};
</script>
<style scoped lang="scss">
.toClassification {
	margin-top: 20px;
	display: flex;
	height: 300rpx;
	.item{
		flex: 1;
		background-color: #f1f4f5;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		image{
			width: 50%;
			height: 50%;
		}
	}
}
</style>